h3.docs { clear:left; font-weight:normal; margin:0; padding:.5em 0 1em; }

body {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 10px;
}


.draggable-default-functionality #draggable { width: 150px; height: 150px; padding: 0.5em; }

.draggable-events #draggable { width: 16em; padding: 0 1em; }
.draggable-events #draggable ul li { margin: 1em 0; padding: 0.5em 0; } * html #draggable ul li { height: 1%; }
.draggable-events #draggable ul li span.ui-icon { float: left; }
.draggable-events #draggable ul li span.count { font-weight: bold; }

.draggable-constrain-movement { }
.draggable-constrain-movement .draggable { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
.draggable-constrain-movement #draggable, #draggable2 { margin-bottom:20px; }
.draggable-constrain-movement #draggable { cursor: n-resize; }
.draggable-constrain-movement #draggable2 { cursor: e-resize; }
.draggable-constrain-movement #containment-wrapper { width: 95%; height:150px; border:2px solid #ccc; padding: 10px; }

.droppable-default-functionality #draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
.droppable-default-functionality #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }

.resizable-default-functionality #resizable { width: 150px; height: 150px; padding: 0.5em; }
.resizable-default-functionality #resizable h3 { text-align: center; margin: 0; }

.selectable-default-functionality #feedback { font-size: 1.4em; }
.selectable-default-functionality #selectable .ui-selecting { background: #FECA40; }
.selectable-default-functionality #selectable .ui-selected { background: #F39814; color: white; }
.selectable-default-functionality #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.selectable-default-functionality #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
	
.sortable-default-functionality #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.sortable-default-functionality #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
.sortable-default-functionality #sortable li span { position: absolute; margin-left: -1.3em; }
	